<template>
<div>
    <Breadcrumb />
     <div class="title">
        订单合同: <el-button @click="dialogVisible=true">查看合同</el-button>
     </div>
      <!-- vue 实现 pdf 打印 -->
      <el-dialog
      title="查看合同内容"
      :visible.sync="dialogVisible"
      width="60%"
      :before-close="handleClose">
      <VuePdf />
      <span slot="footer" class="dialog-footer">
          <el-button @click="dialogVisible = false">取 消</el-button>
          <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
      </span>
     </el-dialog>
</div>
</template>
<script>
import VuePdf from './VuePdf.vue'
export default {
name: "Contract",
components:{
    VuePdf
},
data(){
    return{
        dialogVisible:false,
    }
},
methods:{
    handleClose(){

    }
}
}
</script>

<style lang="less" scoped>

   .title{
       padding-top:10px;
       padding-left:10px;
       padding-bottom: 10px;
       background-color: #fff;
       border-top:1px solid #eee;
   }


</style>